import React, { useEffect, useState } from "react";
import request, { baseUrl } from "../../utils/request";
import { useParams } from "react-router-dom";
import { YoutubeOutlined } from '@ant-design/icons';
import { Row, Col, Image, Layout, Tag, Space, Button } from 'antd'
const { Header, Footer, Sider, Content } = Layout;
// import {use}
function Title() {
    const [detaildata, setDetaildate] = useState([])
    const { movieID } = useParams()


    useEffect(() => {
        request({
            url: '/list/detail',
            params: { movieID: '015285' }
        }).then(res => {
            console.log(res.data.data);
            setDetaildate(res.data.data[0])
        })
    }, [])
    return (
        <div>
         
            <h2 style={{
                fontSize: '26px',
                fontWeight: '400',
                lineHeight:' 1.3',
                padding:'30px'
                
                

            }}>磁力链/115网盘下载</h2>
            <Layout style={{
                borderRadius: '18px',
                boxShadow: ' 0 7px 21px rgb(149 157 165 / 22%)',
                background: ' #fff',
                width: '80vw',
                margin: 'auto',
                padding: '20px',
            
            }}>
                <Content>
                  
                   
                    <Row style={{ marginTop: '20px' }}>
                        <Col >
                        <YoutubeOutlined style={{
                             color: '#34a853',
                        }}/> 导演：
                        </Col>
                        <Col>
                            {detaildata.director}
                        </Col>
                    </Row>
                    <Row style={{ marginTop: '20px' }}>
                        <Col >
                        <YoutubeOutlined  style={{
                             color: '#34a853',
                        }} /> 导演：
                        </Col>
                        <Col>
                            {detaildata.director}
                        </Col>
                    </Row>
                    <Row style={{ marginTop: '20px' }}>
                        <Col >
                        <YoutubeOutlined style={{
                             color: '#34a853',
                        }}/> 导演：
                        </Col>
                        <Col>
                            {detaildata.director}
                        </Col>
                    </Row>
                </Content>
                
            </Layout>



        </div>
    )
}

export default Title